<!DOCTYPE html>
<html>

<body>
<style>
    html, body{background-color:#FFF!important;}
    .modal-body{background-color:#fff;padding:15px;width:100%;}
    .page-header{margin-top:15px!important;}
    .add_button{border-top:1px solid #eee;padding-top:15px;}
    .config_img {
        height:65px;
        margin-top: 15px;
    }
    .images_del{text-align: center}
    .layui-form-pane .layui-form-label{font-size:12px!important;}
    .modal-body{display: inline-block;padding-bottom:0px;}
    .show_multiple{float: left;margin-left:15px;}
    #images_upload{display: inline-block;float: left;padding:0px 10px;}
    .layui-input-block p{line-height:36px;padding-left:15px;}
</style>
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" close="true">
        <span aria-hidden="true">×</span>
    </button>
    <h4 class="modal-title">
        <span class="fa fa-legal"></span>&nbsp;【{$detail.title}】应税收入
    </h4>
</div>
<div class="modal-body">

    <form class="layui-form layui-form-pane form-horizontal" action=""  name="layui-form">
        <input type="hidden" name="pro_id" value="{$detail.id}">

       <div class="show_form">
           <table class="layui-table">
               <colgroup>
                   <col width="150">
                   <col width="150">
                   <col width="200">
                   <col>
               </colgroup>
               <thead>
               <tr>
                   <th>月份</th>
                   <th>应税收入(万元)</th>
               </tr>
               </thead>
               <tbody>
               <tr>
                   <td>1月</td>
                   <td><input type="number" name="january" class="layui-input" value="{$form.january}" ></td>
               </tr>
               <tr>
                   <td>2月</td>
                   <td><input type="number" name="february" class="layui-input" value="{$form.february}" ></td>
               </tr>
               <tr>
                   <td>3月</td>
                   <td><input type="number" name="march" class="layui-input" value="{$form.march}"></td>
               </tr>
               <tr>
                   <td>4月</td>
                   <td><input type="number" name="april" class="layui-input" value="{$form.april}"></td>
               </tr>
               <tr>
                   <td>5月</td>
                   <td><input type="number" name="may" class="layui-input" value="{$form.may}"></td>
               </tr>
               <tr>
                   <td>6月</td>
                   <td><input type="number" name="june" class="layui-input" value="{$form.june}"></td>
               </tr>
               <tr>
                   <td>7月</td>
                   <td><input type="number" name="july" class="layui-input" value="{$form.july}"></td>
               </tr>
               <tr>
                   <td>8月</td>
                   <td><input type="number" name="august" class="layui-input" value="{$form.august}"></td>
               </tr>
               <tr>
                   <td>9月</td>
                   <td><input type="number" name="september" class="layui-input" value="{$form.september}"></td>
               </tr>
               <tr>
                   <td>10月</td>
                   <td><input type="number" name="october" class="layui-input" value="{$form.october}"></td>
               </tr>
               <tr>
                   <td>11月</td>
                   <td><input type="number" name="november" class="layui-input" value="{$form.november}"></td>
               </tr>
               <tr>
                   <td>12月</td>
                   <td><input type="number" name="december" class="layui-input" value="{$form.december}"></td>
               </tr>

               </tbody>
           </table>
       </div>

    </form>

</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default btn-sm" close="true">关闭</button>
    <button type="button" class="btn btn-primary btn-sm" _event="taxableIncome">保存</button>
</div>

<script>
    layui.use(['form','jquery','layer','laydate','table'], function() {
        var form = layui.form;
        var laydate = layui.laydate;

        form.render();
        lay('.test-item').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click'
            });
        });

        //年选择器
        laydate.render({
            elem: '#test2'
            ,type: 'year'
        });


        form.on('radio(erweima)', function (data) {
            let status = data.value
            if(status==1){
                $(".show_form").show();
            }else{
                $(".show_form").hide();
            }

        });
    });

</script>

</body>
</html>